<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <script src="../../../../public/javascripts/hidmapa.js"></script>
    <link rel="stylesheet" href="../../../../public/jquery-ui-1.9.2.custom/development-bundle/themes/base/jquery.ui.all.css">
    <script src="../../../../public/jquery-ui-1.9.2.custom/development-bundle/jquery-1.8.3.js"></script>
    <script src="../../../../public/jquery-ui-1.9.2.custom/development-bundle/ui/jquery.ui.core.js"></script>
    <script src="../../../../public/jquery-ui-1.9.2.custom/development-bundle/ui/jquery.ui.widget.js"></script>
    <script src="../../../../public/jquery-ui-1.9.2.custom/development-bundle/ui/jquery.ui.datepicker.js"></script>
    <script src="../../../../public/jquery-ui-1.9.2.custom/development-bundle/ui/jquery.ui.tabs.js"></script>
    <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" />
    <style type="text/css" title="currentStyle">
        @import "../../../../public/DataTables-1.9.4/media/css/demo_page.css";
        @import "../../../../public/DataTables-1.9.4/media/css/demo_table.css";
    </style>
    <script type="text/javascript" language="javascript" src="../../../../public/DataTables-1.9.4/media/js/jquery.dataTables.js"></script>
    <link rel="stylesheet" href="../../../../public/jquery-ui-1.9.2.custom/development-bundle/demos/demos.css" >
    <script type="text/javascript" language="javascript" src="../../../../public/javascripts/chartregistros.js"></script>

    <script type="text/javascript">

        function iniciarPlot()
        {
            metodogeneracion = "0";
            tipomedicion = "-1";

            if(document.getElementById("registroTipoMedicion").value > 0)
            {
                tipomedicion = document.getElementById("registroTipoMedicion").value;
            }
            plotear('registrosFechaValor','contenedor');
        }

        function ObtenerValorSeleccionadoLista(identificador)
        {
            // Obtener la referencia a la lista
            var lista = document.getElementById(identificador);
            // Obtener el índice de la opción que se ha seleccionado
            var indiceSeleccionado = lista.selectedIndex;
            // Con el índice y el array "options", obtener la opción seleccionada
            var opcionSeleccionada = lista.options[indiceSeleccionado];
            // Obtener el valor
            var valorSeleccionado = opcionSeleccionada.value;

            return valorSeleccionado;
        }

        function ValidarTratamientoDatos()
        {
            var tipoMedicion = ObtenerValorSeleccionadoLista("registroTipoMedicion");
            if(tipoMedicion < 1)
            {
                alert("Debe seleccionar el tipo de medicion");
                return false;
            }
            document.getElementById("idtipomedicion").value = document.getElementById("registroTipoMedicion").value;
            document.getElementById("idtipomedicionverificacion").value = document.getElementById("registroTipoMedicion").value;

            var tipoRegistro = ObtenerValorSeleccionadoLista("registroTipoRegistro");
            if(tipoRegistro < 0)
            {
                alert("Debe seleccionar el tipo de registro");
                return false;
            }
            document.getElementById("idtiporegistro").value = document.getElementById("registroTipoRegistro").value;

            var metodoGeneracion = ObtenerValorSeleccionadoLista("metodoGeneracion");
            if(metodoGeneracion < 0)
            {
                alert("Debe seleccionar el metodo de generacion");
                return false;
            }
            return true;
        }

        $(document).ready(function() {
            var idsRegistros = ObtenerIdsRegistros("descripcionRegistro");
            var total = "";

            for (var i = 0; i < idsRegistros.length; i++)
            {
                var idRegistro = "R" + idsRegistros[i];
                if(document.getElementById(idRegistro))
                {
                    var registro = document.getElementById(idRegistro).value;
                    if(i == idsRegistros.length -1)
                    {
                        total = total + registro;
                    }
                    else
                    {
                        total = total + registro + ",";
                    }
                }
            }
            document.getElementById("registrosFechaValor").value = total;
        } );

    </script>
</head>
<body onload="iniciarPlot()">
    <script src="../../../../public/Highcharts-2.3.5/js/highcharts.js"></script>
    <script src="../../../../public/Highcharts-2.3.5/js/modules/exporting.js"></script>
    <input type="hidden" id="registrosFechaValor">
    <input type="hidden" id="registroMetodoGeneracion" value="0">
    <table>
        <tr>
            <td><label> &{'hidtipomedicion'}</label></td>
            <td>
                <select id="registroTipoMedicion">
                    <option value="0" selected="true">
                        Tipo de Medicion
                    </option>
                    #{list items:compstipmeds, as:'hidtipomedicion'}
                        <option value="${hidtipomedicion.tipmedid}"
                            #{if hidtipomedicion.tipmedid == idtipmedicion}
                                selected="true"
                            #{/if}>
                            ${hidtipomedicion.tipmednom}
                        </option>
                    #{/list}
                </select>
            </td>
            <td><label> &{'hidtiporegistro'}</label></td>
            <td>
                <select id="registroTipoRegistro">
                    <option value="0" selected="true">
                        Tipo de Registro
                    </option>
                    #{list items:models.Hidtiporegistro.findAll(), as:'hidtiporegistro'}
                        <option value="${hidtiporegistro.tipregid}">
                            ${hidtiporegistro.tipregnom}
                        </option>
                    #{/list}
                </select>
            </td>

            <td><input type="button" onclick="ActualizarGrafica('registroTipoMedicion','registroTipoRegistro','registroMetodoGeneracion', 'registrosFechaValor' ,'contenedor')" value="Plotear"></td>
            <td><input type="hidden" id="modoPresentacion" onclick="ActualizarModoPresentacion()"></td>
        </tr>
    </table>

    #{if hidregistrosSalidas == null}
        #{list items:models.Hidregistro.find("byHidpuntomonitoreo",hidpuntomonitoreo).fetch(), as:'hidregistros'}
        <input type="hidden" id="R&{hidregistros.regid}" value='&{hidregistros.regfech.toString() + "/" +
                                                                  hidregistros.regval + "//" +
                                                                  hidregistros.hidtipomedicion.getTipmedid() + ":" +
                                                                  hidregistros.hidtiporegistro.getTipregid() + ":" +
                                                                  hidregistros.regtipmet}'>
        #{/list}
    #{/if}
    #{else }
        #{list items:hidregistrosSalidas, as:'hidregistros'}
        <input type="hidden" id="R&{hidregistros.regid}" value='&{hidregistros.regfech.toString() + "/" +
                                                                  hidregistros.regval + "//" +
                                                                  hidregistros.hidtipomedicion.getTipmedid() + ":" +
                                                                  hidregistros.hidtiporegistro.getTipregid() + ":" +
                                                                  hidregistros.regtipmet}'>
        #{/list}
    #{/else}

    <input type="hidden" id="descripcionRegistro" value="&{models.Hidregistro.find("punmonid = ? and regestval = ? order by regfech",hidpuntomonitoreo.getPunmonid(),1).fetch().toString()}">
    <div id="contenedor" style="min-width: 850px; height: 368px; margin: 0 auto"></div>
    <form action="@{GestionTratamientoDatos.GestorTratamientoDatos.Verificar()}" onsubmit="return ValidarTratamientoDatos(this)">
        <table>
            <tr>
                <td><label> &{'regtipmet'} </label></td>
                <td>
                    <select id="metodoGeneracion" name="metodoGeneracion">
                        <option value="-1" selected="true">Metodo de Generacion</option>
                        #{list items:models.Hidmetodo.find("tipmetid = ? ", idTipoMetodo).fetch(), as:'hidmetodo'}
                            <option value="${hidmetodo.metid}">
                            ${hidmetodo.metnomb}
                            </option>
                        #{/list}
                    </select>
                </td>
                <td><input type="hidden" id="idmodelo" name="idmodelo" value="&{idmodelo}"></td>
                <td><input type="hidden" id="idpuntomonitoreo" name="idpuntomonitoreo" value="&{hidpuntomonitoreo.getPunmonid()}"></td>
                <td><input type="hidden" id="idtipomedicion" name="idtipomedicion"></td>
                <td><input type="hidden" id="idtiporegistro" name="idtiporegistro"></td>
                <td><input type="submit" value="Verificar"></td>
            </tr>
        </table>
    </form>
    #{if hidregistrosSalidas != null}
    <form action="@{GestionTratamientoDatos.GestorTratamientoDatos.GuardarSerieVerificada()}" onsubmit="">
        <table>
            <tr>
                <td><input type="hidden" name="idGPuntomonitoreo" id="idGPuntomonitoreo" value="&{hidpuntomonitoreo.getPunmonid()}"></td>
                <td><input type="hidden" name="idGModelo" id="idGModelo" value="&{idmodelo}"></td>
                <td><input type="hidden" name="idtipomedicionverificacion" id="idtipomedicionverificacion" value="&{idtipomedicion}"></td>
                <td><input type="hidden" name="idGmetodoGeneracion" id="idGmetodoGeneracion" value="&{metodoGeneracion}"></td>
                <td><input type="hidden" name="idsRegistrosVerificados" id="idsRegistrosVerificados" value="&{idsVerificados}"></td>
                <td><input type="submit" value="Guardar"></td>
            </tr>
        </table>
    </form>
    #{/if}
</body>
</html>